table_helper.js ➔ ... ➔ .RequestToUrl - Code Metrics - Inspection of "table_helper.js added" - webdivane/table - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 76ccee...ea04ca )

by Plamen

created 2019-03-15 09:01 UTC

table_helper.js ➔ ... ➔ .RequestToUrl A

↳ Parent: table_helper.js ➔ initInstance

Complexity

Conditions	5
Paths	2

Size

Total Lines	17
Code Lines	13

Duplication

Lines	17
Ratio	100 %

Importance

Changes	1
Bugs	0	Features	1

Metric	Value
cc	5
eloc	13
c	1
b	0
f	1
nc	2
nop	1
dl	17
loc	17
rs	9.2833

var TableHelperSingleton = (function(){ 
    var th_instance;
    function initInstance() {
        return {
            BuildRequest: {
                Sort: function (rq, strDesc){

                    function sortBySpan(span, i){
                        var order = span.innerHTML;
                        if(order.length === 1){
                            rq.colNo = i;
                            rq.colOrd = order === strDesc ? "desc" : "asc";
                        }
                        return rq.colNo === i;
                    }

                    var thTags = document.getElementById(rq.tableId)
                            .getElementsByTagName("thead")[0]
                            .getElementsByTagName("th");
                    var length = thTags.length;
                    for(var i = 0; i < length; i++){
                        var link = thTags[i].getElementsByTagName("a")[0];
                        if(link){
                            var span = link.getElementsByTagName("span")[0];
                            if(span && sortBySpan(span, i)){
                                break;
                            }
                        }
                    }
                },
                Filter: function (rq){

                    function getFilterFieldsByTableID(tableID){
                        var fields = {filterBy: null, filter: null};
                        var filterDiv = getFilterDivByTableIDOrNull(tableID);
                        if(filterDiv !== null){
                            setFilterBy(fields, filterDiv);
                            setFilterValue(fields, filterDiv);
                        }
                        return fields;
                    }
                    function getFilterDivByTableIDOrNull(tableID){
                        var res = null;
                        if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
                            for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
                                if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
                                    return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
                                }
                            }

                        }
                        return res;
                    }
                    function setFilterBy(fields, filterDiv){
                        var slctObj = filterDiv.getElementsByTagName("select")[0];
                        if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
                            fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
                        }
                    }
                    function setFilterValue(fields, filterDiv){
                        var textObj = filterDiv.getElementsByTagName("input")[0];
                        if(textObj && textObj.value && textObj.value.length !== 0){
                            fields.filter = encodeURIComponent(textObj.value.trim());
                        }
                    }

                    var r = getFilterFieldsByTableID(rq.tableId);
                    if(r.filter !== null){
                        rq.filter = r.filter;
                    }
                    if(r.filterBy !== null){
                        rq.filterBy = r.filterBy;
                    }
                },
                Run: (function(rq, crntTableId, strDesc){
                    rq.tableId = crntTableId;
                    th_instance.BuildRequest.Sort(rq, strDesc);
                    th_instance.BuildRequest.Filter(rq);
                })
            },
            ColumnHover: function(tableContainer, index){

                var rows = document.getElementById(tableContainer).rows;
                var upto = rows.length - 1;
                if(typeof index === "undefined"){
                    ColumnHoverRelease(rows, upto);
                } else {
                    for(var i = 0; i < upto; i++){
                        rows[i].cells[index].setAttribute("lang", "col-hover");
                    }
                }
                function ColumnHoverRelease(rows, upto){
                    for(var i = 0; i < upto; i++){
                        for(var j = 0; j < rows[i].cells.length; j++){
                            if(rows[i].cells[j].lang){
                                rows[i].cells[j].removeAttribute("lang");
                            }
                        }
                    }
                };
            },
            Draw: {
                Section: function(tableContainer, dt, tSection){

                    var section = tSection === "tfoot" ? "tfoot" : "tbody";
                    var tSec = document.getElementById(tableContainer)
                                .getElementsByTagName(section)[0];
                    Clear(tSec, th_instance.IePrior(9));
                    for(var i = 0; i < dt.length; i++){
                        var row = dt[i];
                        var tRow = document.createElement("tr");
                        Row(row, tRow);
                        tSec.appendChild(tRow);
                        if(section === "tfoot"){
                            th_instance.ProcessPaginationLinks(tSec);
                        }
                    }
                    function Clear(tSection, iePrior9){
                        if(iePrior9){
                            if(tSection.firstChild){
                                while(tSection.firstChild){
                                    tSection.removeChild(tSection.firstChild);
                                }
                            }
                        }else{
                            tSection.innerHTML = "";
                        }
                    }
                    function Row(row, tRow){
                        for(var cell in row){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                            var tCell = document.createElement("td");
                            if(typeof row[cell] === "string" || 
                               typeof row[cell] === "number"
                            ){
                                tCell.innerHTML = row[cell];
                            }else if(typeof row[cell] === "object"){
                                RowCellFromObject(row, cell, tCell);
                            }
                            tRow.appendChild(tCell);
                        }
                    }
                    function RowCellFromObject(row, cell, tCell){
                        for(var attr in row[cell]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                            if(typeof row[cell][attr] === "string"){
                                tCell.innerHTML = row[cell][attr];
                            }else if(typeof row[cell][attr] === "object"){
                                for(var v in row[cell][attr]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                                    tCell.setAttribute(v, row[cell][attr][v]);
                                }
                            }
                        }
                    }
                },
                Run: function(tableContainer, d, instance){
                    this.Section(tableContainer, d.body);
                    this.Section(tableContainer, d.footer, "tfoot");
                    if(instance.rq !== null){
                        var hover = document.getElementById(instance.rq.tableId)
                                    .getElementsByTagName("th")[instance.rq.colNo].lang;
                        if(hover){
                            instance.ColumnHover(tableContainer, instance.rq.colNo);
                        }
                    }
                }
            },
            Export: function(lnk, eType, strDesc){
                var request = {};
                var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
                th_instance.BuildRequest.Run(request, crntTableId, strDesc);
                request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
                                                eType : 
                                                "csv";
                window.open(th_instance.RequestToUrl(request));
                return false;
            },
            Filter: {
                Run: function(field, instance, rq, strDesc){
                    var crntTableId = th_instance.Filter.GetTableId(field);
                    if(crntTableId !== null){
                        var request = {};
                        var exRq = rq;
                        th_instance.BuildRequest.Run(request, crntTableId, strDesc);
                        if(exRq === null ||
                            request.filter !== exRq.filter ||
                            request.filterBy !== exRq.filterBy
                        ){
                            th_instance.LoadData.Run(crntTableId, request, instance);
                        }
                    }
                },
                GetTableId: function(field){
                    if(field.tagName.toLowerCase() !== "select"){
                        return field.getAttribute("data-table-id");
                    }
                    var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
                    return '' === f.value ? null : f.getAttribute("data-table-id");
                }
            },
            Init: {
                Run: function(tableId){
                    var tContainer = document.getElementById(tableId);
                    if(!th_instance.IePrior(9)){
                        th_instance.Init.SetColumnsHoverEffect(tContainer, tableId);
                    }
                    var tfoot = tContainer.getElementsByTagName("tfoot")[0];
                    th_instance.ProcessPaginationLinks(tfoot);
                },
                SetColumnsHoverEffect: function (tContainer, tableId){
                    var tHcells = tContainer.rows[0].cells;
                    for(var i = 0; i < tHcells.length; i++){
                        if(tHcells[i].firstChild.tagName === "A"){
                            tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
                            tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
                        }
                    }
                }
            },
            GoPage: {
                Run: function(lnk, instance, strDesc){
                    var request = {};
                    var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
                    th_instance.BuildRequest.Run(request, crntTableId, strDesc);
                    request.pageNo = th_instance.GoPage.GetNo(lnk, crntTableId);
                    th_instance.LoadData.Run(crntTableId, request, instance);
                    return false;  
                },
                GetNo: function(lnk, tableId){
                    //check & serve pagination jump links
                    var jumpDir = lnk.innerHTML.trim().substr(0, 1);
                    if(jumpDir === "+" || jumpDir === "-"){
                        var current = document.getElementById(tableId)
                                        .querySelector("tfoot .paging .a").innerHTML;
                        var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
                        var jumpPage = (parseInt(current) + parseInt(jump));
                        lnk.parentNode.setAttribute("data-page", jumpPage);
                        lnk.style.transform = "none";
                    }
                    return lnk.parentNode.hasAttribute("data-page") ?
                            lnk.parentNode.getAttribute("data-page") :
                            lnk.innerHTML;
                }
            },
            LoadData: {
                tail: null,
                Run: function(tableContainer, rq, instance){
                    var tail = th_instance.LoadData.tail;
                    if(tail!==null){ tail.abort();}
                    th_instance.LoadData.SetVisability(tableContainer, false);
                    var xmlhttp = window.XMLHttpRequest ? 
                                    new XMLHttpRequest() : //IE7+, Firefox, Chrome, Opera, Safari
                                    new window.ActiveXObject("Microsoft.XMLHTTP");//IE6, IE5
                    xmlhttp.onreadystatechange = function(){
                        if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
                            var d = JSON.parse(xmlhttp.responseText);
                            th_instance.Draw.Run(tableContainer, d, instance);
                            th_instance.LoadData.SetVisability(tableContainer, true);
                            instance.LoadEndCalback(tableContainer);
                        }
                    };
                    xmlhttp.open("GET", th_instance.RequestToUrl(rq), true);
                    xmlhttp.send();
                    th_instance.LoadData.tail = xmlhttp; //put at tail to can abort later previous request
                },
                SetVisability: function(tableContainer, flag){
                    var tbl = document.getElementById(tableContainer);
                    if(flag === true){
                        tbl.style.filter = "none";
                        tbl.style.opacity = "1";
                        tbl.style.cursor = "auto";
                    }else if(flag === false){
                        tbl.style.filter = "blur(1px)";
                        tbl.style.opacity = "0.8";
                        tbl.style.cursor = "wait";
                    }else{
                        console.error("table error in the flag value");
                    }
                }
            },
            Sort: function(colNo, lnk, instance, strDesc, strAsc){
                var request = {};
                var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
                th_instance.BuildRequest.Run(request, crntTableId, strDesc);
                if(Math.round(colNo) === request.colNo){
                    request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
                }else{
                    request.colNo = Math.round(colNo);
                    request.colOrd = "asc";
                }
                th_instance.LoadData.Run(crntTableId, request, instance);
                /* Clear and add new sort arrow */
                var headSpans = th_instance.GetParent(lnk, "thead").getElementsByTagName("span");
                var length = headSpans.length;
                for(var i = 0; i < length; i++){
                    headSpans[i].innerHTML = "";
                }
                lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? strDesc : strAsc);
            },

            IePrior: function(v){
                var rv = false;
                if(window.navigator.appName === 'Microsoft Internet Explorer'){
                    var ua = window.navigator.userAgent;
                    var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
                    if(re.exec(ua) !== null){
                        rv = parseFloat(RegExp.$1);
                    }
                    rv = rv < v ? true : false;
                }
                return rv;
            },
            GetParent: function(obj, objType){
                while(obj && obj.tagName !== objType.toUpperCase()){
                    obj = obj.parentNode;
                }
                return obj;
            },
            ProcessPaginationLinks: function(tfoot){
                var pLinks = tfoot.querySelectorAll(".paging a");
                if(pLinks.length > 0){
                    for(var j = 0; j < pLinks.length; j++){
                        pLinks[j].setAttribute("href", "javascript:void(0);");
                        pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
                    }
                }
            },
            RequestToUrl: function(rq){

                var url = location.pathname + ".json" + location.search;
                if(typeof rq === "object"){
                    var getUrlVarName = {
                        colNo: "col", colOrd: "ord", filter: "filter",
                        filterBy: "filter-by", pageNo: "pg", exportType: "export",
                        tableId: "table-id"
                    };
                    var flagFirst = location.search.length < 1 ? true : false;
                    for(var r in rq){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                        var clue = flagFirst === true ? "?" : "&";
                        url += clue + getUrlVarName[r] + "=" + rq[r];
                        flagFirst = false;
                    }
                }
                return url;
            }
            
        };
    }
    return {
        //Get the Singleton instance if one exists, or create one if it doesn't
        getInstance: function(){
            if(!th_instance){
                th_instance = initInstance();
                //console.log('table_helper loaded');
            }
            return th_instance;
        }
    };
})();
var table_helper = TableHelperSingleton.getInstance();

1		var TableHelperSingleton = (function(){
2		var th_instance;
3		function initInstance() {
4		return {
5		BuildRequest: {
6	View Code Duplication	Sort: function (rq, strDesc){
		0 ignored issues – show Duplication introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
7		function sortBySpan(span, i){
8		var order = span.innerHTML;
9		if(order.length === 1){
10		rq.colNo = i;
11		rq.colOrd = order === strDesc ? "desc" : "asc";
12		}
13		return rq.colNo === i;
14		}
15
16		var thTags = document.getElementById(rq.tableId)
17		.getElementsByTagName("thead")[0]
18		.getElementsByTagName("th");
19		var length = thTags.length;
20		for(var i = 0; i < length; i++){
21		var link = thTags[i].getElementsByTagName("a")[0];
22		if(link){
23		var span = link.getElementsByTagName("span")[0];
24		if(span && sortBySpan(span, i)){
25		break;
26		}
27		}
28		}
29		},
30	View Code Duplication	Filter: function (rq){
		0 ignored issues – show Duplication introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
31		function getFilterFieldsByTableID(tableID){
32		var fields = {filterBy: null, filter: null};
33		var filterDiv = getFilterDivByTableIDOrNull(tableID);
34		if(filterDiv !== null){
35		setFilterBy(fields, filterDiv);
36		setFilterValue(fields, filterDiv);
37		}
38		return fields;
39		}
40		function getFilterDivByTableIDOrNull(tableID){
41		var res = null;
42		if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
43		for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
44		if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
45		return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
46		}
47		}
48
49		}
50		return res;
51		}
52		function setFilterBy(fields, filterDiv){
53		var slctObj = filterDiv.getElementsByTagName("select")[0];
54		if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
55		fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
56		}
57		}
58		function setFilterValue(fields, filterDiv){
59		var textObj = filterDiv.getElementsByTagName("input")[0];
60		if(textObj && textObj.value && textObj.value.length !== 0){
61		fields.filter = encodeURIComponent(textObj.value.trim());
62		}
63		}
64
65		var r = getFilterFieldsByTableID(rq.tableId);
66		if(r.filter !== null){
67		rq.filter = r.filter;
68		}
69		if(r.filterBy !== null){
70		rq.filterBy = r.filterBy;
71		}
72		},
73		Run: (function(rq, crntTableId, strDesc){
74		rq.tableId = crntTableId;
75		th_instance.BuildRequest.Sort(rq, strDesc);
76		th_instance.BuildRequest.Filter(rq);
77		})
78		},
79	View Code Duplication	ColumnHover: function(tableContainer, index){
		0 ignored issues – show Duplication introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
80		var rows = document.getElementById(tableContainer).rows;
81		var upto = rows.length - 1;
82		if(typeof index === "undefined"){
83		ColumnHoverRelease(rows, upto);
84		} else {
85		for(var i = 0; i < upto; i++){
86		rows[i].cells[index].setAttribute("lang", "col-hover");
87		}
88		}
89		function ColumnHoverRelease(rows, upto){
90		for(var i = 0; i < upto; i++){
91		for(var j = 0; j < rows[i].cells.length; j++){
92		if(rows[i].cells[j].lang){
93		rows[i].cells[j].removeAttribute("lang");
94		}
95		}
96		}
97		};
98		},
99		Draw: {
100	View Code Duplication	Section: function(tableContainer, dt, tSection){
		0 ignored issues – show Duplication introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
101		var section = tSection === "tfoot" ? "tfoot" : "tbody";
102		var tSec = document.getElementById(tableContainer)
103		.getElementsByTagName(section)[0];
104		Clear(tSec, th_instance.IePrior(9));
105		for(var i = 0; i < dt.length; i++){
106		var row = dt[i];
107		var tRow = document.createElement("tr");
108		Row(row, tRow);
109		tSec.appendChild(tRow);
110		if(section === "tfoot"){
111		th_instance.ProcessPaginationLinks(tSec);
112		}
113		}
114		function Clear(tSection, iePrior9){
115		if(iePrior9){
116		if(tSection.firstChild){
117		while(tSection.firstChild){
118		tSection.removeChild(tSection.firstChild);
119		}
120		}
121		}else{
122		tSection.innerHTML = "";
123		}
124		}
125		function Row(row, tRow){
126		for(var cell in row){
		1 ignored issue – show Complexity introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
127		var tCell = document.createElement("td");
128		if(typeof row[cell] === "string" \|\|
129		typeof row[cell] === "number"
130		){
131		tCell.innerHTML = row[cell];
132		}else if(typeof row[cell] === "object"){
133		RowCellFromObject(row, cell, tCell);
134		}
135		tRow.appendChild(tCell);
136		}
137		}
138		function RowCellFromObject(row, cell, tCell){
139		for(var attr in row[cell]){
		1 ignored issue – show Complexity introduced 2019-02-17 21:00 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
140		if(typeof row[cell][attr] === "string"){
141		tCell.innerHTML = row[cell][attr];
142		}else if(typeof row[cell][attr] === "object"){
143		for(var v in row[cell][attr]){
		1 ignored issue – show Complexity introduced 2019-02-16 22:09 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
144		tCell.setAttribute(v, row[cell][attr][v]);
145		}
146		}
147		}
148		}
149		},
150		Run: function(tableContainer, d, instance){
151		this.Section(tableContainer, d.body);
152		this.Section(tableContainer, d.footer, "tfoot");
153		if(instance.rq !== null){
154		var hover = document.getElementById(instance.rq.tableId)
155		.getElementsByTagName("th")[instance.rq.colNo].lang;
156		if(hover){
157		instance.ColumnHover(tableContainer, instance.rq.colNo);
158		}
159		}
160		}
161		},
162		Export: function(lnk, eType, strDesc){
163		var request = {};
164		var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
165		th_instance.BuildRequest.Run(request, crntTableId, strDesc);
166		request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
167		eType :
168		"csv";
169		window.open(th_instance.RequestToUrl(request));
170		return false;
171		},
172		Filter: {
173		Run: function(field, instance, rq, strDesc){
174		var crntTableId = th_instance.Filter.GetTableId(field);
175		if(crntTableId !== null){
176		var request = {};
177		var exRq = rq;
178		th_instance.BuildRequest.Run(request, crntTableId, strDesc);
179		if(exRq === null \|\|
180		request.filter !== exRq.filter \|\|
181		request.filterBy !== exRq.filterBy
182		){
183		th_instance.LoadData.Run(crntTableId, request, instance);
184		}
185		}
186		},
187		GetTableId: function(field){
188		if(field.tagName.toLowerCase() !== "select"){
189		return field.getAttribute("data-table-id");
190		}
191		var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
192		return '' === f.value ? null : f.getAttribute("data-table-id");
193		}
194		},
195		Init: {
196		Run: function(tableId){
197		var tContainer = document.getElementById(tableId);
198		if(!th_instance.IePrior(9)){
199		th_instance.Init.SetColumnsHoverEffect(tContainer, tableId);
200		}
201		var tfoot = tContainer.getElementsByTagName("tfoot")[0];
202		th_instance.ProcessPaginationLinks(tfoot);
203		},
204		SetColumnsHoverEffect: function (tContainer, tableId){
205		var tHcells = tContainer.rows[0].cells;
206		for(var i = 0; i < tHcells.length; i++){
207		if(tHcells[i].firstChild.tagName === "A"){
208		tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
209		tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
210		}
211		}
212		}
213		},
214		GoPage: {
215		Run: function(lnk, instance, strDesc){
216		var request = {};
217		var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
218		th_instance.BuildRequest.Run(request, crntTableId, strDesc);
219		request.pageNo = th_instance.GoPage.GetNo(lnk, crntTableId);
220		th_instance.LoadData.Run(crntTableId, request, instance);
221		return false;
222		},
223		GetNo: function(lnk, tableId){
224		//check & serve pagination jump links
225		var jumpDir = lnk.innerHTML.trim().substr(0, 1);
226		if(jumpDir === "+" \|\| jumpDir === "-"){
227		var current = document.getElementById(tableId)
228		.querySelector("tfoot .paging .a").innerHTML;
229		var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
230		var jumpPage = (parseInt(current) + parseInt(jump));
231		lnk.parentNode.setAttribute("data-page", jumpPage);
232		lnk.style.transform = "none";
233		}
234		return lnk.parentNode.hasAttribute("data-page") ?
235		lnk.parentNode.getAttribute("data-page") :
236		lnk.innerHTML;
237		}
238		},
239		LoadData: {
240		tail: null,
241		Run: function(tableContainer, rq, instance){
242		var tail = th_instance.LoadData.tail;
243		if(tail!==null){ tail.abort();}
244		th_instance.LoadData.SetVisability(tableContainer, false);
245		var xmlhttp = window.XMLHttpRequest ?
246		new XMLHttpRequest() : //IE7+, Firefox, Chrome, Opera, Safari
247		new window.ActiveXObject("Microsoft.XMLHTTP");//IE6, IE5
248		xmlhttp.onreadystatechange = function(){
249		if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
250		var d = JSON.parse(xmlhttp.responseText);
251		th_instance.Draw.Run(tableContainer, d, instance);
252		th_instance.LoadData.SetVisability(tableContainer, true);
253		instance.LoadEndCalback(tableContainer);
254		}
255		};
256		xmlhttp.open("GET", th_instance.RequestToUrl(rq), true);
257		xmlhttp.send();
258		th_instance.LoadData.tail = xmlhttp; //put at tail to can abort later previous request
259		},
260		SetVisability: function(tableContainer, flag){
261		var tbl = document.getElementById(tableContainer);
262		if(flag === true){
263		tbl.style.filter = "none";
264		tbl.style.opacity = "1";
265		tbl.style.cursor = "auto";
266		}else if(flag === false){
267		tbl.style.filter = "blur(1px)";
268		tbl.style.opacity = "0.8";
269		tbl.style.cursor = "wait";
270		}else{
271		console.error("table error in the flag value");
272		}
273		}
274		},
275		Sort: function(colNo, lnk, instance, strDesc, strAsc){
276		var request = {};
277		var crntTableId = th_instance.GetParent(lnk, "table").getAttribute("id");
278		th_instance.BuildRequest.Run(request, crntTableId, strDesc);
279		if(Math.round(colNo) === request.colNo){
280		request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
281		}else{
282		request.colNo = Math.round(colNo);
283		request.colOrd = "asc";
284		}
285		th_instance.LoadData.Run(crntTableId, request, instance);
286		/* Clear and add new sort arrow */
287		var headSpans = th_instance.GetParent(lnk, "thead").getElementsByTagName("span");
288		var length = headSpans.length;
289		for(var i = 0; i < length; i++){
290		headSpans[i].innerHTML = "";
291		}
292		lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? strDesc : strAsc);
293		},
294
295		IePrior: function(v){
296		var rv = false;
297		if(window.navigator.appName === 'Microsoft Internet Explorer'){
298		var ua = window.navigator.userAgent;
299		var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
300		if(re.exec(ua) !== null){
301		rv = parseFloat(RegExp.$1);
302		}
303		rv = rv < v ? true : false;
304		}
305		return rv;
306		},
307		GetParent: function(obj, objType){
308		while(obj && obj.tagName !== objType.toUpperCase()){
309		obj = obj.parentNode;
310		}
311		return obj;
312		},
313		ProcessPaginationLinks: function(tfoot){
314		var pLinks = tfoot.querySelectorAll(".paging a");
315		if(pLinks.length > 0){
316		for(var j = 0; j < pLinks.length; j++){
317		pLinks[j].setAttribute("href", "javascript:void(0);");
318		pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
319		}
320		}
321		},
322	View Code Duplication	RequestToUrl: function(rq){
		0 ignored issues – show Duplication introduced 2019-03-15 09:04 UTC by Report Bug Copy Issue Report This code seems to be duplicated in your project. Loading history...
323		var url = location.pathname + ".json" + location.search;
324		if(typeof rq === "object"){
325		var getUrlVarName = {
326		colNo: "col", colOrd: "ord", filter: "filter",
327		filterBy: "filter-by", pageNo: "pg", exportType: "export",
328		tableId: "table-id"
329		};
330		var flagFirst = location.search.length < 1 ? true : false;
331		for(var r in rq){
		1 ignored issue – show Complexity introduced 2019-03-04 18:06 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
332		var clue = flagFirst === true ? "?" : "&";
333		url += clue + getUrlVarName[r] + "=" + rq[r];
334		flagFirst = false;
335		}
336		}
337		return url;
338		}
339
340		};
341		}
342		return {
343		//Get the Singleton instance if one exists, or create one if it doesn't
344		getInstance: function(){
345		if(!th_instance){
346		th_instance = initInstance();
347		//console.log('table_helper loaded');
348		}
349		return th_instance;
350		}
351		};
352		})();
353		var table_helper = TableHelperSingleton.getInstance();

webdivane / table

Push — master ( 76ccee...ea04ca )

table_helper.js ➔ ... ➔ .RequestToUrl A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like